<%-- 
    Document   : register
    Created on : 15 févr. 2015, 09:42:39
    Author     : Fabien, Jérémy, Ludovic, Brice

action="register"
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
        <head>
            <title>SupTracking - Register</title>
            <link rel="stylesheet" href="../css/bootstrap.min.css">
            <link rel="stylesheet" href="../css/bootstrap-theme.min.css">
            <script src="../js/bootstrap.min.js"></script>
        </head>
        <%@ include file="/jsp/template/header.jsp"%>

        <div class="container">
            <form action="${pageContext.request.contextPath}/register" method="POST"> 
              <div class="form-group">
                        <label for="userName">Username:</label>
                        <input name="userName" id="userName" type="text" class="form-control" placeholder="Username">
                      </div>    
                     <div class="form-group">
                        <label for="firstName">Firstname:</label>
                        <input name="firstName" id="firstName" type="text" class="form-control" placeholder="Firstname" pattern="^[A-Za-z0-9_]{1,32}$" required>
                      </div>    
                     <div class="form-group">
                        <label for="lastName">Lastname:</label>
                        <input name="lastName" id="lastName" type="text" class="form-control" placeholder="Lastname" pattern="^[A-Za-z0-9_]{1,32}$" required>
                      </div>              
                      <div class="form-group">
                        <label for="phoneNumber">Phone Number:</label>
                        <input name="phoneNumber" id="phoneNumber" type="tel" class="form-control" placeholder="Phone Number" pattern="[0-9]{10}" required title="Ten Numbers">
                      </div>
                      <div class="form-group">
                        <label for="postalAddress">Postal Address:</label>
                        <input name="postalAddress" id="postalAddress" type="text" class="form-control" placeholder="Postal Address" required>
                      </div>       		 
                      <div class="form-group">
                        <label for="email">Email:</label>
                        <input name="email" id="email" type="email" class="form-control" placeholder="E-Mail" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
                      </div>  
                      <div class="form-group">
                        <label for="creditCard">Credit Card:</label>
                        <input name="creditCard" id="creditCard" type="text" class="form-control" placeholder="Credit Card Number" pattern="[0-9]{10}" required title="Ten Numbers">
                      </div>		  
                      <div class="form-group">
                        <label for="password">Password:</label>
                        <input name="password" id="password" type="password" class="form-control" required placeholder="password" pattern=".{6,}" title="Six or more characters">
                      </div>    
                <button type="submit" class="btn btn-default">Register Me</button>
            </form>
        </div>
    </body>
</html>
